/*scss 可共用的样式*/
@mixin bgc($url) {
  background-image: url($url);
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover;
}

/*居中*/
@mixin centered{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/*图片填满*/
@mixin imgFull{
  width: 100%;
  height: 100%;
}
/*flex 内容两端对齐 column*/
@mixin flexBetween($direction){
  display: flex;
  flex-direction: $direction;
  justify-content: space-between;
}
@mixin wh($age){
  width: $age;
  height:$age;
}
.bg-cy{
  background-color: rgba(0,0,0,0);
}